{include file='/public/index-header'}
<body>
    {include file='/public/index-nav'}
    <div class="layui-container ws-container">
        <div class="layui-row" style="margin: 30px 0px 20px 0px;height: 350px;display: flex;">
            <div class="layui-col-md7" style="display: flex;">
                <div style="display: flex;">
                    <img src="{$info['cover']|default=''}" style="width: 100%;height: 100%;">
                </div>
            </div>
            <div class="layui-col-md5" style="padding-left: 20px;">
                <div>
                    <p class="title mb20">{$info['title']|default=''}</p>
                    <p class="content_t mb20">{$info['intro']|default=''}</p>
                </div>
                <p style="bottom: 0;position: absolute;">发布时间：{$info['publish_time']|default=''}</p>
            </div>
        </div>
        <div class="layui-row" style="margin: 20px 0px 30px 0px;">
            <div class="layui-col-md12">
                <div class="markdown-body">{$info['content']|raw|default=''}</div>
            </div>
        </div>
    </div>
    {include file='/public/index-foot'}
</body>
<style type="text/css">
    .title {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;    /* Firefox 特有的前缀 */
        -ms-line-clamp: 2;     /* IE 特有的前缀 */
        -o-line-clamp: 2;      /* Opera 特有的前缀 */
        line-clamp: 2;         /* 标准属性 */
        display: -webkit-box;
        font-size: 25px;
        font-weight: 400;
        line-height: 30px;
        max-height: 100px;
        overflow: hidden
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .content_t {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 12;
        -moz-line-clamp: 12;    /* Firefox 特有的前缀 */
        -ms-line-clamp: 12;     /* IE 特有的前缀 */
        -o-line-clamp: 12;      /* Opera 特有的前缀 */
        line-clamp: 12;         /* 标准属性 */
        overflow:hidden;
        -webkit-box-orient: vertical;
    }
</style>